import React from 'react'
import { Tabs } from 'antd';
import { RightOutlined } from '@ant-design/icons'
import '../css/xslcss/Property/Property.css'

export default function Product() {
  return (

    <div className='property_box'>
      <div className='big_img'>
      </div>
      <div className='navbar_box'>
        <h4>首页<RightOutlined />资质证明</h4>
      </div>
      <div className="tabBox">
        <Tabs defaultActiveKey="1">
          <Tabs.TabPane tab="营业执照" key="1">
            <div className="photo">
              <img src={require('../public/xslImage/Property/IMG_8250.JPG')} alt="" style={{ display: 'block', marginTop: "20px" }} />
              <img src={require('../public/xslImage/Property/IMG_8251.JPG')} alt="" style={{ display: 'block', marginTop: "20px" }} />
            </div>    
          </Tabs.TabPane>
          <Tabs.TabPane tab="发明专利" key="2">
          <div className="photo">
              <img src={require('../public/xslImage/Property/IMG_8265.JPG')} alt="" style={{ display: 'block', marginTop: "20px" }} />
              <img src={require('../public/xslImage/Property/IMG_8261.JPG')} alt="" style={{ display: 'block', marginTop: "20px" }} />
            </div>  
          </Tabs.TabPane>
          <Tabs.TabPane tab="中科院证明" key="3">
          <div className="photo">
              <img src={require('../public/xslImage/Property/IMG_8254.JPG')} alt="" style={{ display: 'block', marginTop: "20px" }}/>
              <img src={require('../public/xslImage/Property/IMG_8255.JPG')} alt="" style={{ display: 'block', marginTop: "20px" }} />
            </div>  
          </Tabs.TabPane>
          <Tabs.TabPane tab="环境科学年会优秀参展商" key="4">
          <div className="photo">
              <img src={require('../public/xslImage/Property/IMG_8256.JPG')} alt="" style={{ display: 'block', marginTop: "20px" }} />
              <img src={require('../public/xslImage/Property/IMG_8257.JPG')} alt="" style={{ display: 'block', marginTop: "20px" }} />
            </div>  
          </Tabs.TabPane>
          <Tabs.TabPane tab="ISO9001质量管理体系认证" key="5">
          <div className="photo">
              <img src={require('../public/xslImage/Property/IMG_8258.JPG')} alt="" style={{ display: 'block', marginTop: "20px"}} />
              <img src={require('../public/xslImage/Property/IMG_8259.JPG')} alt="" style={{ display: 'block', marginTop: "20px"}} />
            </div>  
          </Tabs.TabPane>
        </Tabs>
      </div>

    </div>
  )
}
